<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body class="df fdc">
  <div class="playBox">
    <video id="player" class="player" controls muted> </video>
    <!-- 蒙层 -->
    <div class="mask"></div>
    <!-- 播放跳转控件 -->
    <div class="controls">
      <a class=" back" href="./course.html">
        <span class="iconfont icon-shangyiyehoutuifanhui"></span>
      </a>
      <div class="paly">
        <span class="iconfont icon-bofang"></span>
        <p>视频预览</p>
      </div>
    </div>
  </div>
  <!-- detail详情页 -->
  <div class="detailBox">
    <!-- 课程数据介绍 -->
    <div class="data">
      <div class="dataBox">
        <p id="data1">巧克力腹肌雕刻</p>
        <div class="df jcsb data1 aic">
          <div>
            <span class="data2" id="calorie">45</span>
            <span>千卡</span>
          </div>
          <div>
            <span class="data2" id="time">15</span>
            <span>分钟</span>
          </div>
          <div id="people">
            999.99
          </div>
        </div>
      </div>
    </div>
    <!-- 用户框 -->
    <div class="userBox df mt20">
      <div>
        <img id="userimg">
      </div>
      <div class="user">
        <div class="user-D">用户名</div class="">
        <p>三线达人课程设计师</p>
      </div>
    </div>
  </div>
  <!-- 课程介绍 -->
  <p class="detail mt20" id="miaoshu">
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  </p>
  <!-- 运动数据 -->
  <div class="sportdata df">
    <div class="datal">
      <div>
        <span class="iconfont icon-shebeiguzhangpincitongji"></span>
        <span>练习频次</span>
      </div>
      <p class="data2">
        每周3到5次
      </p>
    </div>
    <div class="data2">
      <div>
        <span class="iconfont icon-gangling"></span>
        <span>器械</span>
      </div>
      <p class="tool">
        无
      </p>
    </div>
  </div>
  <!-- 开始训练 -->
  <a href="./play.html" class="sportBtn ">开始训练</a>
  </div>
</body>

</html>